<!DOCTYPE HTML>
<html>
<head>
<title>About</title>
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all">
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Quamax Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template, 
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<link rel="stylesheet" href="css/flexslider.css" type="text/css" media="screen" />
<script src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/move-top.js"></script>
       <script type="text/javascript" src="js/easing.js"></script>
		<script type="text/javascript">
			jQuery(document).ready(function($) {
				$(".scroll").click(function(event){		
					event.preventDefault();
					$('html,body').animate({scrollTop:$(this.hash).offset().top},1200);
				});
			});
		</script>
		<script type="text/javascript">
		$(document).ready(function() {
				/*
				var defaults = {
				containerID: 'toTop', // fading element id
				containerHoverID: 'toTopHover', // fading element hover id
				scrollSpeed: 1200,
				easingType: 'linear' 
				};
				*/
		$().UItoTop({ easingType: 'easeOutQuart' });
});
</script>
<script src="js/responsiveslides.min.js"></script>
<script>
    $(function () {
      $("#slider").responsiveSlides({
      	auto: true,
      	nav: true,
      	speed: 500,
        namespace: "callbacks",
        pager: true,
      });
    });
	
  </script>
</head>
<body>
<!-- header -->
	<div class="header">
		<div class="logo">
			<a href="index.html"><img src="images/logo.png" class="img-responsive" alt="" /></a>
		</div>
		<div class="head-nav">
			<div class="container">
				<span class="menu">Menu</span>
					<ul class="cl-effect-7">
						<li><a href="index.html">Home</a></li>
						<li><a href="plans.html">Hosting Plans</a></li>
						<li><a href="domain.html">Domain</a></li>
						<li class="active"><a href="about.html">About</a></li>
						<li><a href="services.html">Services</a></li>
						<li><a href="pages.html">Pages</a></li>
						<li><a href="404.html">Blog</a></li>
						<li><a href="contact.html">Contact</a></li>
							<div class="clearfix"> </div>
					</ul>
			</div>
		</div>
		<!-- script-for-nav -->
			<script>
				$( "span.menu" ).click(function() {
				$( ".head-nav ul" ).slideToggle(300, function() {
				// Animation complete.
				});
				});
			</script>
		<!-- script-for-nav -->
	</div>
<!-- header -->

<!-- about -->
	<div class="about">
		<div class="container">
			<div class="ab-tp">
				<div class="col-md-7 about-left">
				<h3>HOSTING OPPORTUNITIES</h3>
					<div class="about-top">
						<div class="ab-lft">
							<img src="images/6.jpg" class="img-responsive" alt="">
						</div>
						<div class="ab-rgt">
						<h4>Vule putateulr ips dol consec</h4>
						<p>Dolor nunc vule putateulr ips dol consec. Donec vule putateulr ips dol vule putateulr ips dol putateulr consec consec semp ertet laciniate ultricie upien disseco dolo lectus fgilla itollicil tua ludin dolor nec met quam accumsan dolorecondime netus lulam utlacus adipiscing ipsu Aenean imperdiet alique.</p>
						</div>
						<div class="clearfix"> </div>
					</div>
					<div class="about-top">
						<div class="ab-lft">
							<img src="images/3.jpg" class="img-responsive" alt="">
						</div>
						<div class="ab-rgt">
						<h4>Semp ertet laciniate ultricie</h4>
						<p>Dolor nunc vule putateulr ips dol consec. Donec vule putateulr ips dol vule putateulr ips dol putateulr consec consec semp ertet laciniate ultricie upien disseco dolo lectus fgilla itollicil tua ludin dolor nec met quam accumsan dolorecondime netus lulam utlacus adipiscing ipsu Aenean imperdiet alique.</p>
						</div>
						<div class="clearfix"> </div>
					</div>
				</div>
				<div class="col-md-5 about-right">
				<h3>OUR GUARANTEE</h3>
				<div class="ab-rt-top">
					<div class="lef">
						<span>1.<span>
					</div>
					<div class="rgt">
						<h4>Semp ertet laciniate ultricie</h4>
						<p>Dolor nunc vule putateulr ips dol consec. Donec semp ertet laciniate ultricie upien disseco dolo lectus</p>
					</div>
						<div class="clearfix"> </div>
				</div>
				<div class="ab-rt-top">
					<div class="lef">
						<span>2.<span>
					</div>
					<div class="rgt">
						<h4>Semp ertet laciniate ultricie</h4>
						<p>Dolor nunc vule putateulr ips dol consec. Donec semp ertet laciniate ultricie upien disseco dolo lectus</p>
					</div>
						<div class="clearfix"> </div>
				</div>
				<div class="ab-rt-top">
					<div class="lef">
						<span>3.<span>
					</div>
					<div class="rgt">
						<h4>Semp ertet laciniate ultricie</h4>
						<p>Dolor nunc vule putateulr ips dol consec. Donec semp ertet laciniate ultricie upien disseco dolo lectus</p>
					</div>
						<div class="clearfix"> </div>
				</div>
				<div class="ab-rt-top">
					<div class="lef">
						<span>4.<span>
					</div>
					<div class="rgt">
						<h4>Semp ertet laciniate ultricie</h4>
						<p>Dolor nunc vule putateulr ips dol consec. Donec semp ertet laciniate ultricie upien disseco dolo lectus</p>
					</div>
						<div class="clearfix"> </div>
				</div>
				</div>
				<div class="clearfix"> </div>
			</div>
			<div class="abt-middle">
				<h3>OUR TEAM</h3>
				<div class="col-md-3 ab-mid">
					<img src="images/9.jpg" class="img-responsive" alt="">
				</div>
				<div class="col-md-3 ab-mid">
					<img src="images/10.jpg" class="img-responsive" alt="">
				</div>
				<div class="col-md-3 ab-mid">
					<img src="images/12.jpg" class="img-responsive" alt="">
				</div>
				<div class="col-md-3 ab-mid">
					<img src="images/11.jpg" class="img-responsive" alt="">
				</div>
				<div class="clearfix"> </div>
			</div>
			<div class="ab-btm">
				<div class="col-md-6 ab-btmlft">
					<h3>OUR INFRASTRUCTURE</h3>
					<h4>PELLENTESQUE INTERDUM PORTTITOR DUI EU INTERDUM</h4>
					<p>Vestibulum a vestibulum nisl. Praesent nec porttitor erat. Pellentesque interdum porttitor dui eu interdum. Mauris porta felis id mauris aliquet, ut dictum eros euismod. Morbi eget nulla vel est pulvinar mattis. Morbi et commodo est. Morbi eget turpis ut purus euismod suada risus neque, sit amet congue nibh viverra ac. Quisque euismod odio et lorem efficitur, ac vulputate leo sollicitudin.</p>
					<p>Nullam aliquam leo nec justo laoreet, in accumsan ligula lacinia. Donec mollis vel neque vitae hendrerit. Curabitur varius urna in quam efficitur laoreet vitae malesuada sem.</p>
				</div>
				<div class="col-md-6 ab-btmrgt">
					<h3>HOSTING SOLUTIONS</h3>
					<h4>VESTIBULUM FERMENTUM PORTTITOR RISUS</h4>
					<p>Cras pulvinar, diam ut pretium porttitor, magna nulla interdum libero, in dignissim justo cubilia Curae; In a sodales libero, sit amet tempus tellus. Ut eu mollis sapien.</p>
				<ul>
					<li><a href="#"><span></span>Entire soul, the release simply like these</a></li>
					<li><a href="#"><span></span>I enjoy with my whole the release  simply </a></li>
					<li><a href="#"><span></span>Lorem Ipsum is the release  simply that it </a></li>
				</ul>
				</div>
					<div class="clearfix"> </div>
			</div>
		</div>
	</div>
<!-- about -->
<!-- footer -->
	<div class="footer">
		<div class="container">
			<div class="col-md-3 footer-left">
				<h3>Navigation</h3>
				<li><a href="about.html">About</a></li>
				<li><a href="services.html">Services</a></li>
				<li><a href="404">Blog</a></li>
				<li><a href="contact.html">Contact</a></li>
			</div>
			<div class="col-md-3 footer-left">
				<h3>For Members</h3>
				<li><a href="#">Forums</a></li>
				<li><a href="#">Promotions</a></li>
				<li><a href="login.html">Sign In</a></li>
				<li><a href="#">News</a></li>
			</div>
			<div class="col-md-3 soci">
				<h3>Follow Us</h3>
				<ul>
						<li><a href="#"><i class="facebk"> </i></a></li>
						<li><a href="#"><i class="twter"> </i></a></li>
						<li><a href="#"><i class="goopl"> </i></a></li>
						<li><a href="#"><i class="insta"> </i></a></li>
							<div class="clearfix"></div>	
					</ul>
			</div>
			<div class="col-md-3 footer-left">
				<h3>Our Location</h3>
				<li><i class="add"> </i>lorem ipsum</li>
				<li><i class="phone"> </i>1234567890</li>
				<li><a href="mailto:info@example.com"><i class="mail"> </i>info@sitename.com </a></li>
			</div>
				<div class="clearfix"> </div>
		<p>Copyright &copy; 2015.Company name All rights reserved.More Templates <a href="http://www.cssmoban.com/" target="_blank" title="模板之家">模板之家</a> - Collect from <a href="http://www.cssmoban.com/" title="网站模板" target="_blank">网站模板</a></p>
		</div>
		<a href="#" id="toTop" style="display: block;"><span id="toTopHover" style="opacity: 0;"></span> <span id="toTopHover" style="opacity: 0;"> </span></a>
	</div>
<!-- footer -->
</body>
</html>